<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta charset="utf-8">
    <title>中智谷官网</title>
    <link rel="stylesheet" href="/css/public.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
            text-decoration: none;
        }
    </style>
    <script src="js/pc.js"></script>
</head>
<body>
<div style="width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;">
    <div style="width: 1920px;height: 60px;display: flex;align-items: center;flex-direction: row; background-color: white;">
        <!-- Logo -->
        <img src="img/logo.png"
             style="max-width: 40px;max-height: 40px;width: auto;height: auto;margin-left: 15px;" alt="">
        <!-- 标语 -->
        <span style="font-size: 18px;font-weight: 600;margin-left: 18px; color: #FE5653;font-family: Kaiti;">中智谷</span>

        <!-- 分类 -->
        <div style="width: 50%;height: 60px;display: flex;align-items: center;flex-direction: column; background-color: white;margin-left: 200px;">
            <!-- 条目 -->
            <div style="width: 100%;height: 60px;display: flex;align-items: center;flex-direction: row;">
                <a href="http://127.0.0.1:8848/%E4%B8%AD%E6%99%BA%E8%B0%B7%E5%AE%98%E7%BD%911/home.html"
                   style="color: #000;width: 16%;height: 100%;">
                    <div style="width: 100%;height: 100%;">
                        <!-- 首页 -->
                        <div
                                style="width: 100%;height: 55px;display: flex;align-items: center;justify-content: center;color: #000;" onclick="window.location.href= 'home.html';return false">
                            首页</div>
                        <!-- 条状 -->
                        <div style="width: 100%;height: 5px;background-color: #f0f0f0;"></div>
                    </div>
                </a>
                <!-- 解决方案 -->
                <a href="http://127.0.0.1:8848/%E4%B8%AD%E6%99%BA%E8%B0%B7%E5%AE%98%E7%BD%911/solution.html"
                   style="color: #000;width: 18%;height: 100%;">
                    <div style="width: 100%;height: 100%;">
                        <!-- 解决方案 -->
                        <div
                                style="width: 100%;height: 55px;display: flex;align-items: center;justify-content: center;color: #4ca41f;flex-direction: row;">
                            <span onclick="window.location.href= 'solution.html';return false">解决方案</span>
                            <img src="img/arrow-right.png"
                                 style="max-width: 12px;max-height: 12px;width: auto;height: auto;margin-left: 3px;"
                                 alt="">
                        </div>
                        <!-- 条状 -->
                        <div style="width: 100%;height: 5px;background-color: #4ca41f;"></div>
                    </div>
                </a>
                <!-- 产品中心 -->
                <a href="http://127.0.0.1:8848/%E4%B8%AD%E6%99%BA%E8%B0%B7%E5%AE%98%E7%BD%911/products.html"
                   style="color: #000;width: 18%;height: 100%;">
                    <div style="width: 100%;height: 100%;">
                        <!-- 产品中心 -->
                        <div
                                style="width: 100%;height: 55px;display: flex;align-items: center;justify-content: center;color: #;flex-direction: row;">
                            <span onclick="window.location.href= 'products.html';return false">产品中心</span>
                            <img src="img/arrow-right.png"
                                 style="max-width: 12px;max-height: 12px;width: auto;height: auto;margin-left: 3px;"
                                 alt="">
                        </div>
                        <!-- 条状 -->
                        <div style="width: 100%;height: 5px;background-color: #f0f0f0;"></div>
                    </div>
                </a>
                <!-- 新闻资讯 -->
                <a href="http://127.0.0.1:8848/%E4%B8%AD%E6%99%BA%E8%B0%B7%E5%AE%98%E7%BD%911/news.html"
                   style="color: #000;width: 16%;height: 100%;">
                    <div style="width: 100%;height: 100%;">
                        <!-- 新闻资讯 -->
                        <div
                                style="width: 100%;height: 55px;display: flex;align-items: center;justify-content: center;color: #000;" onclick="window.location.href= 'news.html';return false">
                            新闻资讯</div>
                        <!-- 条状 -->
                        <div style="width: 100%;height: 5px;background-color: #f0f0f0;"></div>
                    </div>
                </a>
                <!-- 关于我们 -->
                <a href="http://127.0.0.1:8848/%E4%B8%AD%E6%99%BA%E8%B0%B7%E5%AE%98%E7%BD%911/about.html"
                   style="color: #000;width: 16%;height: 100%;">
                    <div style="width: 100%;height: 100%;">
                        <!-- 关于我们 -->
                        <div
                                style="width: 100%;height: 55px;display: flex;align-items: center;justify-content: center;color: #000;" onclick="window.location.href= 'about.html';return false">
                            关于我们</div>
                        <!-- 条状 -->
                        <div style="width: 100%;height: 5px;background-color: #f0f0f0;"></div>
                    </div>
                </a>
                <!-- 联系我们 -->
                <a href="http://127.0.0.1:8848/%E4%B8%AD%E6%99%BA%E8%B0%B7%E5%AE%98%E7%BD%911/conact.html"
                   style="color: #000;width: 16%;height: 100%;">
                    <div style="width: 100%;height: 100%;">
                        <!-- 联系我们 -->
                        <div
                                style="width: 100%;height: 55px;display: flex;align-items: center;justify-content: center;color: #000;" onclick="window.location.href= 'conact.html';return false">
                            联系我们</div>
                        <!-- 条状 -->
                        <div style="width: 100%;height: 5px;background-color: #f0f0f0;"></div>
                    </div>
                </a>
            </div>
        </div>


        <!-- 搜索框 -->
        <div
                style="width: 20%;height: 32px;border: 1px solid #4ca41f;border-radius: 20px;margin-left: 175px;display: flex;align-items: center;flex-direction: row;">
            <!-- 搜索框图标 -->
            <img src="img/search-gray.png"
                 style="max-width: 24px;max-height: 24px;width: auto;height: auto;margin-left: 10px;" alt="">
            <!-- 输入框 -->
            <input type="text" style="width: 80%;height: 70%;border:none;" placeholder="输入你想查找的">
        </div>
        <div>&nbsp;&nbsp;&nbsp;</div>
        <div>
            <img src="img/中英文切换.svg" alt="" onclick="window.location.href= 'en-solution.html';return false">
        </div>
    </div>
</div>
</body>
</html>